react-native修改android包名
目录前言1.两个java文件2. 安卓的描述文件3. 两个打包脚本3.1. android/app/BUCK3.2 android/app/build.gradle4...
2024-01-10
react-native 真机调试（android）
adb devices (查看链接的设备id)adb -s 897879（设备号） reverse tcp:8081 tcp:8081 （当设备断开重新链接）当只有一个设备时上面的命令可以简写成adb reverse tcp:8081 tcp:8081 ...
2024-01-10
react-native练手（android版）
1.环境搭建1）一步步按 https://reactnative.cn/docs/getting-started.html 操作2）brew install watchman3）https://www.oracle.com/technetwork/java/javase/downloads/jdk8-downloads-2133151.html 下载并安装 jdk 8，javac -version 看安装成功与否4）https://developer.android.com/studio/index.h...
2024-01-10
mac react-native从零开始android真机测试
1. 安装android相关jdk，(https://blog.csdn.net/vvv_110/article/details/72897142)2. 手机和mac使用usb连接， 手机开发者设置中打开use调试设置， 保证手机和电脑在统一wifi下。3. 在终端进入到react-native目录下执行 react-native run-android4. 然后该命令会开启一个服务，该程序首先会自动找 ~ ./gradle文件，如果有需要的gradle...
2024-01-10
Window 7 下android react native 新建环境
本博客基于win7 64位系统android出现的步骤及错误情况记录详情参考react native 中文网：http://reactnative.cn/docs/0.48/getting-started.html#content需要下载东西：Node（4.4.4以上版本最好，最新的最优）gitandroid sdkjdk 1.8Android studioGenymotion具体步骤请参考以上的react native 中文网下边仅介绍android过程中遇到的坑1.Gen...
2024-01-10
React-Native移植-Android
简介参考链接： Integrating with Existing Apps由于公司业务需要，部分模块需要将native代码转移到react-native，并且由于是已有项目，所以我这里单独把react-native移植到项目来，移植的过程中遇到了一些问题，这里也记录了下。网上的一些教程资料都不是很全，而且一些关键的步骤说的都不是很详细，这里...
2024-01-10
react native Modal 制作背景变暗
/** * Create by bamboo on 2018-05-07 * Modal 例子 */import React, { Component } from 'react';import { StyleSheet, Text, Modal, View, TouchableOpacity, T...
2024-01-10
React Native02-开始运行 Android篇
1. 开始运行1）用命令进入到新建的文件目录下，比如HelloWorld，再输入 react-native start：在等待一段时间后，我们看到最后面有个地址，说明已经运行成功了。我们输入地址 http://localhost:8081/index.android.bundle?platform=android，可以看到有一大堆的js：到此，我们成功运行。 2. 运行android平台 1）我们...
2024-01-10
React Native for Android 异常处理概览
AndroidReact Native本文的RN代码基于0.43版本准备接入React Native(RN)时，看看前辈们分享的经验，都说刚接入时崩溃率是一个问题。最近在做RN的Native部分优化，今天就来聊聊在RN中的异常都是什么，该怎么处理。前言首先，研究RN框架异常的动机在于，我们需要建立起一套针对性的容错机制，毕竟它还...
2024-01-10
App Center编译React Native平台Android应用
做React Native一段时间后，对于React Native的发布有一些了解，原本的方法都是在本地直接生成APK文件的，具体可以参考《react native 生成APK》 因为需要将这个React Native的应用交给其他同事，但其他的同事暂时还未完全掌握到React Native，所以在发布这一块儿，需要使用一个工具帮助打包应用，在网上找了...
2024-01-10
react-navigation 使用详解（转载）
上篇博客和大家分享了关于React Native jsBundle预加载，界面启动优化的内容，详情可点击：基于最新版本React Native实现JsBundle预加载，界面秒开优化一、开源库介绍 今年1月份，新开源的react-natvigation库备受瞩目。在短短不到3个月的时间，github上星数已达4000+。Fb推荐使用库，并且在React Native当前最...
2024-01-10
React Native之倒计时组件的实现(ios android)
一,需求分析 1,app需实现类似于淘宝的活动倒计时,并在倒计时结束时,活动也结束。 2,实现订单倒计时,并在倒计时结束时,订单关闭交易。 3,实现获取验证码倒计时。二,技术实现 2.1,活动倒计时与订单倒计时的实现,源码如下： 1 componentDidMount() { 2 this.interval = setInterval(() => ...
2024-01-10
react-ant 修改antDesign 样式
需求:想修改antDesign样式发现修改不了解决: 一定要在样式外面加上:global写全局样式 :js: <Form onSubmit={this.handleSubmit} className="account-form"> <Form.Item label="邮箱"> <Input type="email"/> </Form.Item> <Form.Item label="密码"> <Input typ...
2024-01-10
react项目npm run dev报错;
项目启动报错，各种百度也没找到是什么问题，而且也没有报是什么原因造成的，希望大佬们指点一下，在线急。const render = (Component) => {ReactDOM.render(<Provider store={store}><AppContainer><BrowserRouter basename='/'><Route path={`/`} component={App}></Route></BrowserRouter></AppContainer></Provider>,document...
2024-01-10
React Native之支付集成(微信 支付宝)(ios android)
一,需求分析 1.1,app在线充值与提现 二,技术介绍与集成 2.1,微信支付 2.1.1,Android配置详细配置可查看React Native之微信分享(iOS Android),这里主要介绍的是支付方面的配置第一步:创建名为'wxapi'的文件夹，并在文件夹内创建WXPayEntryActivity.java，用于获得微信的授权和支付权限。 1 package your.packag...
2024-01-10
react native 如何mock自己编写的native module？
在编写RN时使用到了原生模块，在npm test进行测试的时候遇到了问题。网上谷歌了一遍发现需要mock自己编写的native module，但是现在遇到了以下问题：现在mock 原生模块使用以下方式describe('MypageApi', () => { beforeEach(() => { NativeModules.MyPageApiFunction = { getMyPageInfo: () => { myPageInfo =...
2024-01-10
react-native上手之环境搭建及连接模拟器 - Diamond_xx
react-native上手之环境搭建及连接模拟器 使用react-native创建应用app，环境搭建很重要。我使用的是夜神模拟器进行模拟。环境搭建1.安装java jdk （1）官网下载java jdk安装包，傻瓜式安装，下一步 下一步 （2）配置环境变量修改环境变量，新增JAVA_HOME的系统环境变量，...
2024-01-10
angular vue react 启动命令
vue: npm install vue-cli -g vue init webpack my-project npm install npm run devangular: npm install -g typescript npm install -g @angular/cli ng new my-project npm install npm start (ng serve)react: npm install -g create-react-app create-react-app react-p...
2024-01-10
React-native 自定义actionsheet 即拿即用
不管是写程序还是生活 要经常总结啊= =要不然真的会忘啊今天经验值+++++， 待提升空间太大了。===========================js文件============================import React from 'react';import PropTypes from 'prop-types';import {View,StyleSheet,Text,Modal,TouchableOpacity,Dimensions} from 'react-native'cons...
2024-01-10
用 jpush-react-native 插件快速集成推送功能（Android 篇）
概述jpush-react-native 是极光推送官方开发的 React Native 版本插件，可以快速集成推送功能。现在最新版本的 JPush SDK 分离了 JPush 及 JCore，让开发者可以分开集成 JMessage 及 JPush（以前 JMessage 包含了 JPush）。下面就来具体说一下如何快速集成以及使用 jpush-react-native 插件。安装打开终端，进入项目文件夹...
2024-01-10
react+antd-mobile之TabBar路由
想了解create-react-app配置antd-mobile按需加载，以及配置less和vw的可以看上一篇博客这一篇特别记录antd-mobile的TabBar配合路由的使用按照antd-mobile给出的文档，可以构建出此UI页面（相信都能做到）目前的这个是没有加路由的，我想要的是，点击我的，地址栏的URL可以改成http://localhost:3000/my，在网上看...
2024-01-10
React Native react-navigation 导航使用详解
一、开源库介绍今年1月份，新开源的react-natvigation库备受瞩目。在短短不到3个月的时间，github上星数已达4000+。Fb推荐使用库，并且在React Native当前最新版本0.44中将Navigator删除。react-navigation据称有原生般的性能体验效果。可能会成为未来React Native导航组件的主流军。本篇内容基于【 ^1.0.0-beta.9 】版本...
2024-01-10
React Native在Windows下修改js代码后reload无效
iOS下因为有watchman这个插件，所以启动很快（npm start），而Windows下则非常慢，最要命的是遇到了修改js文件后，点击reload居然一直是请求的缓存bundle，泪崩。。。 后来找到一篇文章，解决了这个问题，就是说超时导致的，但是超时的时候没有反馈错误，原因不明。解决方案就是延长超时时间： 'ready',...
2024-01-10
React Native在Android平台运行gif的解决方法转载
概述目前RN在Android平台上不支持gif格式的图片，而在iOS平台是支持的，期待以后的版本中系统也是可以默认支持Android的。首先说下在ios平台怎么加载gif呢？ <Image source= {require(\'./img/loading.gif\')} style = {styles.loading}/> 11完整实例：xport default class Loading extends React.Component { render(){ if (!th...
2024-01-10
Android Native 内存泄漏系统化解决方案
导读：C++内存泄漏问题的分析、定位一直是Android平台上困扰开发人员的难题。因为地图渲染、导航等核心功能对性能要求很高，高德地图APP中存在大量的C++代码。解决这个问题对于产品质量尤为重要和关键，高德地图技术团队在实践中形成了一套自己的解决方案。分析和定位内存泄漏问题的核心在于...
2024-01-10
